﻿@charset "utf-8";

html{ width:100%; height:100%; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0; outline:none}
body{background:url(../images/body.gif) #fff;color:#666;font-size:12px; line-height:17px;font-family:Verdana,cArial,Sans; width:100%; -webkit-text-size-adjust:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; font-size:12px; outline:none;font-family:Verdana,cArial,Sans; }
a{text-decoration:none; color:#444}
a:hover{color:#EE2266;}
.clearit{clear:both; }

.b{font-weight:bold}
.red{ color:#EE2266 !important}
.orange{ color:#ff6c00}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#019a62}
.gray{ color:#888}
.font11{ font-size:11px}
.font14{ font-size:14px}

.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml60{ margin-left:56px}


.wrapper{ width:950px; margin:0 auto;}
#header{ height:95px; background:url(../images/header-bg.png) repeat-x;}
#header img{ margin-top:10px;}
#nav{ height:40px;  background:url(../images/nav_bg.gif) repeat-x;}
#nav .left{ float:left; padding:12px 0px; line-height:16px; overflow:hidden}
#nav .left .b{ font-size:16px;}
#nav .left span{ font-family:"宋体"; padding:0px 3px;}
#nav .left a{ margin:0px 4px; font-size:14px;}
#nav .left a:hover{ text-decoration:underline}
#nav .right{ float:right}
#nav .right p{ margin-top:6px; float:right; border-right:1px #DCDCDC solid; border-bottom:1px #DCDCDC solid; height:27px; line-height:27px; padding:0px 10px; background:url(../images/line1.gif) no-repeat 191px 4px #fff; text-align:right; float:left; color:#222}
#nav .right p span{ float:left;margin-right:5px;}
#nav .right p span b{ color:#EE2266; font-weight:normal; margin:0px 3px}
#nav .right p a{ background:url(../images/icon1.gif) no-repeat right center; padding-right:11px;float:right;}
#nav .right a.btn{display:block; width:38px; height:27px; line-height:27px;border-right:1px #DCDCDC solid; border-bottom:1px #DCDCDC solid; float:left; margin-left:5px; margin-top:6px; background:url(../images/icon2.gif) no-repeat 8px center #C80F0F; padding-left:28px; color:#fff}
#nav .right a.btn:hover{ color:#FFFF33;}
#subNav{ height:40px;background:url(../images/sub_nav_bg.gif) repeat-x;}
#subNav ul{ padding:11px 0px;}
#subNav ul li{ float:left; font-size:14px; padding-left:20px;  margin-right:20px}
#subNav ul li.itemA{ background:url(../images/icon3.gif) no-repeat 0px 2px;}
#subNav ul li.itemB{ background:url(../images/icon3.gif) no-repeat 0px -22px;}
#subNav ul li.itemC{ background:url(../images/icon3.gif) no-repeat 0px -47px;}
#subNav ul li.itemD{ background:url(../images/icon3.gif) no-repeat 0px -74px;}
#subNav ul li a{ margin:0px 7px; color:#777}
#subNav ul li a:hover{ color:#EE2266; text-decoration:underline}

.banner{ height:290px;}
.banner .bd{ height:205px; overflow:hidden}
.banner .bd li{ position:relative}
.banner .bd li a.topicBg{ display:block; z-index:1; height:205px; width:705px; left:0;top:0; }
.banner .bd li .itemText{ position:absolute; z-index:2; left:35px; top:20px;}
.banner .bd li .itemText h3{ font-size:22px; color:#444; font-family:"微软雅黑"; font-weight:normal}
.banner .bd li .itemText span{ display:block; margin-top:15px;}
.banner .bd li .itemText span em{ font-style:normal; font-size:14px; background:url(../images/icon5.gif) no-repeat right center; padding-right:20px;}
.banner .bd li .itemText span a:hover{ text-decoration:underline}
.banner .bd li .itemText p{ line-height:25px; margin-top:10px;}
.banner .hd{ height:77px; margin-top:8px; width:705px; overflow:hidden}
.banner .hd ul{ width:725px;}
.banner .hd li{ width:130px; float:left; margin-right:15px; cursor:pointer;border-top:2px #fff solid}
.banner .hd li.on{ border-top:2px #F12465 solid}
.banner .hd li img{ width:130px; height:45px;}
.banner .hd li p{ margin-top:5px;}

#index{ width:950px; margin:0 auto;margin-top:20px; }
#index .itemA{ background:#fff; padding:15px;}
#index .itemA .left{ float:left}
#index .itemA .right{ float:right}
#index .itemB{ background:#fff; padding:15px 0; margin-top:15px; height:265px; position:relative}
#index .itemB h2{ height:35px; padding-left:20px; font-size:16px; color:#444}
#index .itemB ul{}
#index .itemB ul li{ width:170px; float:left; margin-left:17px; display:inline}
#index .itemB ul li span{ display:block; padding:5px 0px; background:url(../images/dot.gif) repeat-x 0 bottom; }
#index .itemB ul li span.num{ color:#A30202}
#index .itemB ul li:hover a{ color:#000}
#index .itemB a.more{ position:absolute; right:17px;top:18px; font-family:"宋体"}
#index .itemB a.more:hover{ text-decoration:underline}

#index .itemC{ background:#fff; padding:15px 15px; margin-top:15px; height:437px; position:relative}
#index .itemC h2{ height:35px; padding-left:5px; font-size:16px; color:#444}
#index .itemC div.partA{ width:524px; float:left}
#index .itemC div.partB{ width:262px; float:left}
#index .itemC div.partC{ width:134px; float:left}
#index .itemC div a{ display:block; color:#fff; font-size:18px; font-weight:bold; text-align:center; float:left; display:inline}
#index .itemC div a.a1{ background:#C80F0F; height:201px; line-height:201px; width:262px;}
#index .itemC div a.a1:hover{ background:#9F0B0B}
#index .itemC div a.a2{ background:#900303; height:201px; line-height:201px; width:131px;}
#index .itemC div a.a2:hover{ background:#7D0000}
#index .itemC div a.a3{ background:#4F0000; height:201px; line-height:201px; width:131px;}
#index .itemC div a.a3:hover{ background:#3F0000}
#index .itemC div a.a4{ background:#AD0A8C; height:201px; line-height:201px; width:131px;}
#index .itemC div a.a4:hover{ background:#9A007B}
#index .itemC div a.a5{ background:#FF0096; height:201px; line-height:201px; width:131px;}
#index .itemC div a.a5:hover{ background:#E60087}
#index .itemC div a.a6{ background:#740044; height:201px; line-height:201px; width:262px;}
#index .itemC div a.a6:hover{ background:#5A0035}
#index .itemC div a.a7{ background:#06ADA3; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a7:hover{ background:#009F95}
#index .itemC div a.a8{ background:#05524D; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a8:hover{ background:#00433F}
#index .itemC div a.a9{ background:#9EC711; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a9:hover{ background:#86AD00}
#index .itemC div a.a10{ background:#C76711; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a10:hover{ background:#B55704}
#index .itemC div a.a11{ background:#6755B6; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a11:hover{ background:#4B389D}
#index .itemC div a.a12{ background:#7156E5; height:134px; line-height:134px; width:131px;}
#index .itemC div a.a12:hover{ background:#5C40D6}
#index .itemC div a.a13{ background:#000000; height:402px; line-height:402px; width:134px;}
#index .itemC div a.a13:hover{ background:#1A1A1A}
#index .itemC a.more{ position:absolute; right:17px;top:18px; font-family:"宋体"}
#index .itemC a.more:hover{ text-decoration:underline}

#index .itemD{ margin-top:25px; }
#index .itemD div.title{ height:35px; position:relative}
#index .itemD div.title p{ position:absolute; left:130px;top:5px;}
#index .itemD div.left{ float:left; height:600px; width:460px; float:left; padding:10px; background:#fff}
#index .itemD div.left img{ width:460px; height:460px;}
#index .itemD div.left strong{ display:block; margin-top:25px; font-size:14px; text-align:right; padding:0px 10px}
#index .itemD div.left strong a{ float:left; color:#777}
#index .itemD div.left strong span{ background:url(../images/icon4.gif) no-repeat 0 center; color:#888; padding-left:20px;}
#index .itemD div.left p{ line-height:19px; margin-top:15px;padding:0px 10px; color:#777}
#index .itemD div.left:hover strong a{ color:#222}
#index .itemD div.left:hover strong span{color:#CC0101; }
#index .itemD div.left:hover p{ color:#222}
#index .itemD div.right{ width:470px; float:left; height:619px; overflow:hidden}
#index .itemD div.right ul li{ width:200px; padding:10px; display:inline; background:#fff; float:left; margin-left:15px;; margin-bottom:15px; height:282px;}
#index .itemD div.right ul li img{ width:200px; height:200px;}
#index .itemD div.right ul li p img{ width:20px; height:20px; margin-right:10px}
#index .itemD div.right ul li p.p1{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px;}
#index .itemD div.right ul li p.p2{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px; text-align:right}
#index .itemD div.right ul li p.p2 span{ float:left;background:url(../images/icon4.gif) no-repeat 0 center;  padding-left:20px;}
#index .itemD div.right ul li p.p3{ padding-top:5px;}
#index .itemD div.right ul li p{ color:#888}
#index .itemD div.right ul li p a{ color:#888}
#index .itemD div.right ul li:hover p{ color:#444}
#index .itemD div.right ul li:hover p a{ color:#444}

#index .itemE{ margin:15px 0px}

#categray{ width:950px; margin:0 auto; margin-top:20px; overflow:hidden}
#categray .itemA{ background:#fff; padding:20px 0px 20px 15px; height:155px; overflow:hidden}
#categray .itemA ul{ width:218px; float:left; margin-right:15px;}
#categray .itemA ul h2{ height:25px; font-size:12px; font-weight:normal}
#categray .itemA ul h2 a:hover{ text-decoration:underline}
#categray .itemA ul li{ height:50px; margin-bottom:20px;}
#categray .itemA ul li img{ width:50px; height:50px; float:left; margin-right:5px}
#categray .itemA ul li a{ display:block; margin-right:5px; line-height:19px; margin-top:5px; float:left; white-space:nowrap; }
#categray .itemA ul li a:hover{ text-decoration:underline}

#categray .itemB{ margin-top:15px;}
#categray .itemB ul{ position:relative;}
#categray .itemB ul li{ width:200px; padding:10px; display:none; background:#fff;  margin-bottom:15px; }
#categray .itemB ul li img{ width:200px;}
#categray .itemB ul li p img{ width:20px; height:20px; margin-right:10px}
#categray .itemB ul li p.p1{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px;}
#categray .itemB ul li p.p2{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px; text-align:right}
#categray .itemB ul li p.p2 span{ float:left;background:url(../images/icon4.gif) no-repeat 0 center;  padding-left:20px;}
#categray .itemB ul li p.p3{ padding-top:5px;}
#categray .itemB ul li p{ color:#888}
#categray .itemB ul li p a{ color:#888}
#categray .itemB ul li:hover p{ color:#444}
#categray .itemB ul li:hover p a{ color:#444}

#product{ width:950px; margin:0 auto; margin-top:10px; overflow:hidden}
#product .itemA{ margin-top:15px; border:1px #ddd solid; background:#fff; height:490px; overflow:hidden}
#product .itemA .pic{ width:460px; height:460px; float:left; padding:15px;  background:url(../images/pic_bg.gif) ;}
#product .itemA .pic img{ width:460px; height:460px;}
#product .itemA .info{ width:440px; float:right; padding:15px 15px 15px 0;}
#product .itemA .info h1{ font-size:16px; color:#444;  background:url(../images/dot.gif) repeat-x 0 bottom; line-height:21px; padding:0 10px 10px}
#product .itemA .info .p1{ padding:7px 10px; background:url(../images/dot.gif) repeat-x 0 bottom; line-height:23px; }
#product .itemA .info .p2{ padding:7px 10px; color:#444; background:url(../images/dot.gif) repeat-x 0 bottom; line-height:23px; }
#product .itemA .info .p3{ padding:7px 10px; color:#444; background:url(../images/dot.gif) repeat-x 0 bottom; line-height:23px; }
#product .itemA .info .p3 span{ padding:0px 8px; color:#aaa}
#product .itemA .info .p4 { padding:10px 10px; color:#444; background:url(../images/dot.gif) repeat-x 0 bottom; line-height:23px; }
#product .itemA .info .p4 a{ display:inline-block}
#product .itemA .info .p4 a.btn1{ width:68px; color:#fff; padding-left:32px; height:30px; line-height:30px; background:url(../images/btn1.gif) no-repeat}
#product .itemA .info .p4 a.btn1:hover{ text-decoration:underline}
#product .itemA .info .p4 a.btn2{ width:68px; margin-left:10px;text-indent:32px; height:30px; line-height:30px; background:url(../images/btn2.gif) no-repeat}
#product .itemA .info .p4 a.btn2:hover{ text-decoration:underline}
#product .itemA .info .p4 a.btn3{ width:96px; margin-left:110px; color:#fff;text-indent:14px; height:30px; line-height:30px; background:url(../images/btn3.gif) no-repeat}
#product .itemA .info .p4 a.btn3:hover{ text-decoration:underline}
#product .itemA .info div{ margin-top:10px;}
#product .itemA .info div h3{ font-size:12px; padding-left:12px;}
#product .itemA .info div ul{ margin-top:10px;}
#product .itemA .info div ul li{ width:60px; display:inline; height:110px; color:#888; margin-left:12px; float:left; text-align:center;}
#product .itemA .info div ul li img{ width:60px; height:60px;}
#product .itemA .info div ul li p{ margin-top:3px;}
#product .itemA .info div ul li p a{ color:#3366CC}
#product .itemA .info div ul li p a:hover{ text-decoration:underline; color:#EE2266}
#product .comment{ width:674px; padding:15px; float:left; margin-top:15px;border:1px #ddd solid; background:#fff;}
#product .comment h2{ color:#444; font-size:16px; height:35px;}
#product .comment .form{ background:#eee; padding:10px; height:90px}
#product .comment .form img{ display:block; float:left; width:50px; height:50px; border:1px #fff solid}
#product .comment .form textarea{ height:48px; display:block; width:580px; float:left; margin-left:10px; border:1px #ddd solid; margin-bottom:6px;}
#product .comment .form button{ margin-left:60px; background:url(../images/btn4.gif) no-repeat; padding-left:25px;width:68px; color:#666; height:30px; border:0; cursor:pointer}
#product .comment .list{ margin-top:10px;}
#product .comment .list li{ background:url(../images/dot.gif) repeat-x; padding:10px 0px; height:50px; }
#product .comment .list li img{ display:block; width:50px; height:50px; float:left}
#product .comment .list li p{ width:605px; float:right}
#product .comment .list li p.p1{ text-align:right}
#product .comment .list li p.p1 a{ float:left; color:#55AADD}
#product .comment .list li p.p1 a:hover{text-decoration:underline; color:#EE2266}
#product .comment .list li p.p2{ margin-top:10px; font-size:14px; color:#444}
#product .wook{ margin-top:15px; float:left; width:706px;} 
#product .wook ul{ position:relative;}
#product .wook ul li{ width:200px; padding:10px; display:none; background:#fff;  margin-bottom:15px; }
#product .wook ul li img{ width:200px;}
#product .wook ul li p img{ width:20px; height:20px; margin-right:10px}
#product .wook ul li p.p1{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px;}
#product .wook ul li p.p2{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:5px 0px; text-align:right}
#product .wook ul li p.p2 span{ float:left;background:url(../images/icon4.gif) no-repeat 0 center;  padding-left:20px;}
#product .wook ul li p.p3{ padding-top:5px;}
#product .wook ul li p{ color:#888}
#product .wook ul li p a{ color:#888}
#product .wook ul li:hover p{ color:#444}
#product .wook ul li:hover p a{ color:#444}
#product .ad2{ width:230px; float:right; margin-top:15px;}
#product .recommend{ width:230px; float:right; margin-top:15px;}
#product .recommend img{ display:none; width:230px;}
#product .recommend li{ position:relative; height:33px; margin-bottom:8px; background:#ccc}
#product .recommend li a{ background:#ddd; height:33px; overflow:hidden; line-height:33px; display:block; padding-left:20px; width:210px;}
#product .recommend li em{ display:none}
#product .recommend li.hover{height:auto;_height:33px;}
#product .recommend li.hover img{ display:block; position:relative; z-index:2;  }
#product .recommend li.hover em{ display:block; position:absolute; height:33px; background:#000; width:230px; left:0; z-index:3; bottom:0px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#product .recommend li.hover a{ position:absolute; color:#fff; bottom:0px; z-index:4; background:none}